@charset "UTF-8";
html{
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
}
html,body {
    -webkit-touch-callout:none;
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-user-select:none;
    width: 100%;
      height: 100%;
   
}
body {
    line-height: 1.5;
    font-size: 0.8rem;
    color: #212121;
    /*background-color: #f5f5f5;*/
    
    outline: 0;
}
.mui-content {background:#EBF3FE; padding-bottom: 60px; }
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
    margin:0;
    border:0;
    padding:0;
    font-style:normal;
}
ul,ol,li{list-style:none;}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
/*@media only screen and (min-width: 320px) {
	html {
		font-size: 18px !important;
	}
	.noarticle {
		   height: 15.9rem;
	}
}*/
@media only screen and (min-width: 400px) {
	html {
		font-size: 21.33333333px !important;
	}
}
@media only screen and (min-width: 414px) {
	html {
		font-size: 21px !important;
	}
}
@media only screen and (min-width: 480px) {
	html {
		font-size: 25.6px !important;
	}
	
}


.hide{display:none!important;}
.black{ color:black; }
.flex1{display:flex;  justify-content:center;}
.flex2{  display: flex; flex-direction: column;  justify-content: space-between; }
.flex3{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.flex5{ display:flex; align-items:center;}
.flex6{display:flex;  justify-content:center; align-items:center;}

.m_color{ background:#EBF3FE;}
.m_barC{ background:#7DB1FD; }
.m_barC a, .m_barC h1{color:#fff; }
.m_barw a, .m_barw h1{ color:#fff; }
.font14{ font-size:14px;}
/*mui 滑动报错问题 */
* { touch-action: pan-y; } 
/*body{ height:100%; }*/
.ui-page-login
/*,body */
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
.mui-content{min-height: 100vh;}



/*一起写 start*/

.nobooks_btn{ margin-top:0.5rem;}
.ws_font{  font-size:17px; text-align: center;  padding:3rem 0  4rem; }
.ws-icon{width:1rem;height:1rem; position: relative;
    z-index: 20;
   	margin:10px; 
     display: inline-block;}

.btn{ padding:0.375rem  2rem; background: #7DB1FD; color:#fff; font-size:17px; border-radius:25px; border:0;    }
.btn1{ padding:0.375rem  2rem; background: #7DB1FD; color:#fff; width:50%;  font-size:17px; border-radius:15px; border:0;    }
/*.ws_content{ padding-top:44px;  }*/
.ws_content>.mui-grid-view{height:100%;}

/*新增书籍 start*/
.ws_cover{ width:7.0rem; height:8.0rem; border:1px solid #ccc; margin-top:5rem; box-shadow:5px 5px 10px #CDE0FF; background:#fff; }
.ws_cover img{ width:100%; height:100%; display:block;}
.ws_name{ width:10rem; margin-top: 1rem; font-size:0.5rem;  background:#fff; border-radius:5px;  padding:0 5px;  display:flex;}
.ws_name span{ background:#fff;flex-grow: 1;  height:50px; line-height:50px; text-align: center; font-size:15px;  color:#9C9C9C;}
.ws_name input{ background:#fff; line-height: 50px; height: 50px;  width:80%; margin:0; border:0; color:#9C9C9C;}
.ws_name input::-webkit-input-placeholder { /* WebKit browsers */ 
	font-size:15px;
	color:#9C9C9C
} 
.ws_name input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	font-size:15px;
	color:#9C9C9C
} 

.ws_name input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	font-size:15px;
	color:#9C9C9C
} 

.ws_name input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	font-size:15px;
	color:#9C9C9C
} 

.ws_permissions{ margin:1.5rem auto 1rem;   font-size:0.5rem;  text-align: center;  position:relative;  }
.ws_power{ font-size:18px; color:#666666;}
.ws_permissions  span{ height:30px; line-height:30px; display:inline-block;}
/*修改radio默认样式*/ 
/*.mui-radio .ws_radio input[type='radio']{ width:20px!important; height:20px!important;}*/
.mui-radio input[type=radio]:before{
	font-size: 20px;;
}
.mui-radio .ws_radio input[type='radio']:checked:before {
content: '\e442';
font-size: 20px;;
}
.mui-radio.mui-left .ws_radio label{
	padding-left:45px;
}
.ws_radio{width: 50%; position:relative;}
.ws_books_btn{   width:80%; margin:2.375rem auto 0;}
.ws_books_btn a{ width:100%;  height:2rem; line-height: 2rem; text-align: center; 
	 border-radius:2rem; background:#7EB2FE; color:#fff; }
.ws_books_qbtn{display:inline-block; position:relative; top:50%; transform: translateY(35%); }

.ws_books_qbtn.mui-active{background:#7EB2FE; border-color:#7EB2FE; }
/*新增书籍 end*/

/*书籍列表 start*/
.ws_card{ border:1px solid #ccc; }
.ws_card_con{ position:relative; /*height:180px; */  height:auto; 
				height:11em;  overflow: hidden;   }
.ws_card_con img{ width:100%; display:block; }
.ws_card_con>div,.ws_card_con>h1,.ws_card_con>a{position: absolute; color:#fff; }
.ws_card_authority{  right:8px; 
	top:8px;
	width:30px; height:30px; line-height: 30px;  text-align: center;
	text-align: center;
	border-radius:10px;
	
}

.ws_card_authority i{
	font-size: 28px;
	font-weight: bold;
}
.ws_card_title{  top:60px; 
	left:50%;transform: translateX(-50%); font-weight: 500; letter-spacing: 2px;
	font-size: .9rem; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; width:50%; text-align: center;}
.ws_card_content{ right:20px; bottom:30px; line-height: 1.5; font-size: 14px; }
.ws_card_members{ right:20px; bottom:10px; }
/*书籍列表 end*/

/*书籍页面 start*/
.ws_books_top{ padding:44px 0.5rem  0.5rem; width:100%; border-bottom:6px solid #EBF3FE; color:#fff; background:url(../images/books_bg.png); background-size:100% 100%; }
.ws_books_img{ width:95%; max-width:5rem; height:6.0rem; border:1px solid #ccc; background:#fff; color:#666; font-size:12px; text-align: center;  position:relative; }
.ws_books_img img{ width:100%;  height:auto; display:block;  height:100%;}
.ws_books_title{ position:absolute; bottom: .2rem; width:100%;}
.ws_books_title div{ width:100%; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.wx_books_head img{ width:25px; margin:0 2px; height:25px; border-radius:50%; }
.icon-forward1{ color:#fff; font-size: 20px; }
.icon-forward1:after{content: '\e470';}
.ws_slider{background:#fff; }
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
	color:#000;
	/*border-bottom:2px solid #7FB0FD!important;*/
}
.mui-slider-progress-bar{
	background-color:#7FB0FD!important;
	height:0;
}
.ws_item{}
.ws_books_tab{ width:100%; 
			 text-align: center; 
			 border-bottom:1px solid #ccc;
			  height:50px; line-height: 50px;  }
.ws_books_tab .active:after{
	content: '';
	position:absolute;
	bottom:0;
	left:10%;
	width:80%; height:2px; background:#000;
 }
 .ws_article_head div{ width:2rem; height:2rem;}
 .ws_article_img>img{ width: 1.5rem!important; height:1.5rem; margin:0 5px; }
 .ws_article li{ height:140px;}
 .noarticle { width:100%; margin-top: 10%;  }
 .noarticle span{ width:7.0rem; height: 3.0rem; display:block;}
/*书籍页面 end*/

/*设置 start*/
.setl0:after{left:0; background:#fff; height:2px;}
.padd15{padding:15px!important;}
/*设置 end*/
/*成员列表 start*/
.member_list li{
	position:relative;
}
.member_list img{ border-radius:50%; position:absolute; top:50%; transform:translateY(-50%)}
.member_list li span{ padding:2px 10px; font-size:14px; position:absolute;  border-radius: 5px; color:#fff;  }
.member_list li a{ padding:15px 0 15px 50px!important;}
.originator{   margin-left:15px; background:#7EB2FE;}

.transfer{
	 right:0;
	 background:#999; 
}
/*成员列表 end*/
/*更换封面 start*/
.ws_covers{
	margin:10px; 
}
.ws_covers_list{ overflow: hidden; margin:5px; background:transparent;}
.ws_covers_list:after,.ws_covers_list:before{ height:0;}
.ws_covers_list li{ width:45%; height:45%; margin:2.5%;float:left;}
.ws_covers_list img{ width:100%;  height:100%;}
.ws_bottom{ width:100%; height:50px; line-height:50px;position:absolute;bottom:0;  text-align: center;
box-shadow:0px -5px 10px #CDE0FF;; background:#fff;
font-size: 1.2em; 
overflow: hidden;
}
.ws_bottom>.w50{width:50%; display:inline-block; float:left;}
.ws_bottom:before{ font-size:1.2rem; }
.ws_bottom .edit{width:1rem; height:1rem; display:inline-block; margin-right:0.1rem; }
/*更换封面 end*/


/*一起写 end*/

/*制作成书 start*/
/*书籍列表 start*/
.make_title{   text-align: right; margin: 0 10px 5px; }
/*.make_title img{ width:100%; height:100%; display: block;}*/
.make_title  span,.make_title  div{  display:block;   
white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
.make_title  div{ font-size:12px;}

.ws_make_ul{padding:0 15px; }
.ws_make_ul a{ color:#666;  height:100%; }
.ws_make_ul img{width:100%; /*height: 8.25rem; display:block;*/ /*background:100% 100%;*/ height: auto; max-height: 85%; padding:10px 5px 0 5px; }
.ws_make_ul li{background:#fff; width:48%; height:10rem; margin-top:15px; border-radius: 10px; box-shadow:5px 5px 10px #CDE0FF;}
/*书籍列表 end*/

/*确认支付 start*/
.ws_address{ width:90%; margin:1rem auto 0;  
display: block;  font-size:16px; color:#9A9A9A;
border-radius:5px; padding:12px 10px; 
overflow: hidden; text-overflow: ellipsis; 
white-space: nowrap;  box-shadow:5px 5px 10px #CDE0FF; background:#fff; }
.ws_pay_cover{ /*width:7.0rem; height:8.0rem;*/ border-radius:5px; box-shadow: 0 0 8px rgba(0,0,0,.2); margin:1.5rem auto; width:189px; height:210px;.ws_address box-shadow:5px 5px 10px #CDE0FF; background:#fff;   }
.ws_pay_cover img{ width:100%;  padding:0.3rem;}
.ws_pay_title{ padding:5px; text-align: right;}
.ws_pay_title div{ font-size:12px;}
.ws_sum{ }
.ws_sum .mui-numbox{ height:34px; width:110px; padding:0 25px; margin-left:15px;}
.ws_sum .mui-numbox [class*=numbox-btn]{ width:25px;}
.money{ margin-top:1rem; text-align: center; font-size: 18px;}
.ws_pay{margin-top:1rem;}
.ws_payment{ font-size:.75rem;}
.ws_pay  button{ width:70%; height:2rem; border-radius:25px; border:0; background:#7EB2FE; color:#fff;} 
.ws_100 img{ width:100%; height:100%; display:block;}
/*确认支付 end*/
/* 制作成书 end*/

/*首页 start*/

.ws_search{ position:absolute; top:50px; width:95%;  z-index: 2;  display: none; margin:0 2.5%;}
.ws_search input { margin:0; background: transparent;}
.ws_lunbo{     margin:15px 0; position:relative; }
.spot{position:absolute; bottom:10px;  font-size:0; left:50%; transform: translateX(-50%); }
.spot span{  border:1px solid #fff; width:10px; height:10px; display:inline-block; border-radius: 10px; margin:0 10px;}
.spot span.active{ background:#fff; }
.ws_lunbo>ul{   position: relative;  overflow-x: scroll; }
.ws_lunbo>ul>li{ height:auto; margin-right:5vw; float:left; width:80vw; transition: 0.3s; border-radius: 10px;}
.ws_lunbo>ul>li:last-child{margin-right:0;}
.ws_lunbo li img{ border-radius: 10px;}
.scale{
	transform:scale(1,0.85);
	

	
}
.ws_slider_home{height: 220px;}
.ws_slider_loop{ height:100%;}
.ws_slider_loop a,.ws_slider_loop img{ height:100%; width:100%;  display: block;}
.ws_homeContent_top{
	background:#fff;
	box-shadow:5px 5px 10px #CDE0FF;
	padding:3px 8px;
	margin:10px;
	color:#7db1fd;
	border-radius:5px;
}
.recommend{ font-size:0.85rem; }
.recommend:before{
	content:'';
	display:inline-block;
	
	width:12px; height:12px; background:#7db1fd;
	border-radius: 2px;
	margin-right:5px;;
	
}
.change{ font-size:0.8rem;}
.change i{font-size: 0.8rem;}
.books_list{padding:10px;}
.books_item{width:48%;  text-align:center; margin-bottom:10px; }

.books_cover{ width:100%; background:#fff; height:10rem; margin-bottom:5px;}
.ho_books_price{ font-size:0.75rem;}
.ws_shouc{ margin:10px;}
.ws_jianjie{
	padding:10px;
	position:absolute; top:30vh;
	width: 100%;
}
.ws_jianjie_title{
	padding-left:10px;
	padding-bottom:5px;
	
}
.ws_jianjie_content{ padding:10px; background:#fff; border-radius:10px; min-height:30vh; margin-bottom:40px;  overflow-x: hidden;
        overflow-y: scroll; letter-spacing: 2px; /*text-indent: 2em;*/
    font-size: 16px;}
.ws_spdetail div{ width:100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ws_spdetail>span{width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.purchase{ width: 100%; height: 40px; line-height: 40px; position:fixed; bottom:0;    }
.purchase>span{  display:inline-block;   background:#7EB2FE; color:#fff; text-align: center; width:49.3%; }
/*弹窗购买*/
.ws_details_popup{position:fixed; top:100%; width:100%; /*padding-top:44px;*/ height:100vh; z-index: 5;}
.ws_img_wrap{ width:100px; height: 100px; position:absolute; left:10px; top:-20px; border:1px solid #aaa;}
.ws_details_cover{position:absolute; top:20%; background:#fff; width:100%; height:100%;}
.determine{z-index:10; }
.ws_main{ padding:10px 10px 10px 126px;; }
.ws_details_header{height:100px;}
.ws_details_price{ font-size:16px; color:#FF0036;}
.ws_details_footer{ padding:0 10px; }
.ws_details_adds{font-size:12px; padding:15px 0; border-top:1px solid #E5E5E5;  }
.ws_details_adds .mui-icon{ font-size:18px; }
.ws_details_adds span{height:24px; line-height:24px; display:inline-block }
.ws_sum{overflow: hidden; font-size:14px; color:#666; border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; padding:15px 0;}
.ws_sum_btn{float:right;}
.ws_details_close{height:100%; width:100%;  background:rgba(0,0,0,.2);}
.ws_play {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #7EB2FE;
    color: #fff;
}

/*首页 end*/


/*支付*/
.weiimg{ margin-right:10px; width:1.2rem; height:1.2rem; display:block;}
.paystop{padding:8px; background:#fff; color:#333;}
.paysbottom{ display:flex; justify-content:space-between; align-items: center; background:#fff!important; border-top:1px solid #ccc;  padding:15px 10px; }
.paysbl{ display: flex!important;  align-content: center; line-height:1.2rem!important;}
.paysbottom label{padding:0; } 
.wxpay{ position:fixed; bottom:0; width:100%; height:50px; line-height:50px; background:#7eb1fe; color:#fff; text-align: center;}

.paysbottom.mui-radio input[type=radio]:checked:before {content: '\e442';}
.paysbottom.mui-radio input{ top:50%; transform: translateY(-50%); }



.ws_nobooks_img .ws_100{ height:48vh;}

/*避免闪烁*/
[v-cloak] {
          display: none !important;
 }
 




.nolistdiv{
	width: 100%;
	text-align: center;
	margin-top: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
}		